

.bigbox{
	background-image:url(/static/image/homebg.png) ;
	 background-repeat: no-repeat;
	  background-position: center top; /* 水平+垂直居中（最常用）*/
	   background-size: 100% 380rpx;
	   background-color: #f9f9f9;
	   // height: 140vh;
}

.title{
	display: flex;
	justify-content: center;
	color: white;
	font-size: 35rpx;
	padding-top: 80rpx;
	
}


	.select{
		padding-left: 30rpx;
		padding-right: 30rpx;
		margin-top: 60rpx;
	.top{
		
		display: flex;
		justify-content: space-between;
		
		.inBox{
		
			position: relative;
			display: flex;
			input{
				// width: 80%;
				border-radius: 20rpx;
				padding-left: 30rpx;
				box-sizing: border-box;
				background-color: white;
				font-size: 20rpx;
				height: 50rpx;
				
				width: 300rpx;
				font-size: 20rpx;
				
			}
		}
	}
	
	.menu{
		display: flex;
		justify-content: space-around;
		background-color: white;
		padding-top: 45rpx;
		padding-bottom: 45rpx;
		border-radius: 10rpx;
		margin-top: 40rpx;
		height: 110rpx;
		.menuText{
			font-size: 25rpx;
		}
		.menuBox{
			
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 30rpx;
			.menuIcon{
				width: 75rpx;
				height: 75rpx;
				background-color: #72b78b;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 15rpx;
}
				justify-content: center;
				align-items: center;
				border-radius: 15rpx;
			}
		}
	}
	
	
	.con{
		margin-top: 30rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		background-color: white;
		
		.journalisms{
			.journalism{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 30rpx;
				image{
					width: 90rpx;
					height: 45rpx;
				
				}
				.left{
					display: flex;
					align-items: center;
					// margin-bottom: 30rpx;
					.text{
								
						width: 430rpx;
						/* 1. 禁止文字换行（核心）*/
						white-space: nowrap;
						/* 2. 隐藏超出容器的内容 */
						overflow: hidden;
						/* 3. 超出部分显示省略号（...）*/
						text-overflow: ellipsis;
						// padding-bottom: 25rpx;
						margin-left: 30rpx;
						margin-right: 20rpx;
					}
					.red{
						width: 20rpx;
						height: 20rpx;
						border-radius: 50rpx;
						background-color: red;
					}
				}
				

				.rig{
					display: flex;
					justify-content: right;
					width: 150rpx;
					
				}
		}
	}
	
	.shop{
		margin-top: 30rpx;
		.shoptitle{
			font-size: 40rpx;
			margin-bottom: 50rpx;
		}
		.shopimg{
			display: flex;
			justify-content: space-between;
		}
		image{
			flex: 1;
			height: 200rpx;
		}
		image:nth-child(1){
			margin-right: 20rpx;
		}
		
		image:nth-child(2){
			margin-left: 20rpx;
		}
	}
	
	.information{
		margin-top: 30rpx;
		.informationtitle{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		
		.conbox{
			display: flex;
			flex-direction: column;
			margin-top: 30rpx;
			padding-bottom: 80rpx;
			.box{
				display: flex;
				justify-content: space-between;
				margin-bottom: 30rpx;
				.text{
					flex: 1;
					padding-right: 50rpx;
					height: 165rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					>view:nth-child(1){
							/* 1. 弹性盒模型（配合 -webkit-line-clamp 必需）*/
							display: -webkit-box;
							/* 2. 文字排列方向：垂直排列（column）*/
							-webkit-box-orient: vertical;
							/* 3. 最大显示行数（核心，如 2 行、3 行）*/
							-webkit-line-clamp: 2;
							/* 4. 隐藏超出容器的内容 */
							overflow: hidden;
							font-size: 30rpx;
					}
					>view:nth-child(2){
							font-size: 30rpx;
					}
				}
				.conimg{
					image{
						width: 250rpx;
						height: 165rpx;
					}
				}
			}
		}
	}
}